/*
Copyright (c) 2009, http://lyhuuloi.com. All rights reserved.
Resources by lyhuuloi - http://lyhuuloi.com
*/

/* MAIN SITE */
html
{
	overflow-x: auto !important;
}

body {
	background: url("../images/icons/bkg-body.png") repeat scroll 0 0 transparent;
    color: #000000;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

hr {
	color: #b9b9b9; 
	height: 1px;
}

img {
	border: #000000 0px solid;
}

a {
	color: #F95E00; /* 0055E8*/
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #0099FF;
	
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}

small
{
	font-size: 9px;
	color: #999999;
}
.clr { clear:both;}
/* WRAPPER */

#wrapper
{
	width: 100%;
	text-align: center;
}

#interface
{
	width: 1000px;
	
	
	text-align: left;
	margin-bottom: 30px;
	margin: 0px auto;
}

.header
{
	background: none repeat scroll 0 0 #EEF2F5;
    margin: auto;
    width: 100%;
	margin-top:30px;
}

.header .timenow
{
	float: right;
	margin-top: 80px;
	margin-right: 170px;	
}


.main
{
	border-top: solid #FFFFFF 2px;
	border-bottom: solid #FFFFFF 2px;
	background: #FBFBFB; /* FFFFFF D2E4F0 F7F7F7 */
	padding: 15px;
}

.footer
{
	background: url("../images/icons/bot.png") repeat-x scroll 0 0 transparent;
    border-top: 1px solid #333333;
    color: #BBBBBB;
    font-size: 10px;
    height: 100px;
    margin-top: 10px;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
    width: 100%;
}
.bot {
    margin: auto;
    padding-top: 80px;
    width: 1000px;
}
.footer a
{
	color: #FFFFFF;
}

.language
{
	float: right;
}

.language span img
{
	opacity:0.8;
	filter:alpha(opacity=80);
	padding-left: 4px;
}

.language a img
{
	opacity:0.4;
	filter:alpha(opacity=40);
	padding-left: 4px;
}

.language a img:hover
{
	opacity:1;
	filter:alpha(opacity=100);
}


.align_right {
	float: right; 
	padding: 8px;
	margin: 0px;
	width: auto !important;
	clear:both;
}
.align_right_i {
	float: right; 
	padding: 1px;
	margin: 0px;
	width: auto !important;
	clear:both;
}
.align_left {
	float: left; 
	padding: px;
	margin: 0px;
	width: auto;
}

.remove_margin
{
	margin: 0px;
}

/* Notice bar, LHL-05-07-11 */
.notice_msg {background: url(../images/icons/notice_msg.gif) no-repeat 10px 10px #f4ef93; padding: 8px; padding-left: 30px; border: 1px solid #e9e659; color: #7a7718; font-family: Verdana; font-size: 12px; line-height: 150%; text-align: left; -moz-border-radius:10px;-webkit-border-radius:10px; margin-bottom: 10px;}
.notice_msg b { color: #F00; }
.notice_ok {background: url(../images/icons/notice_ok.gif) no-repeat 10px 10px #93f3b4; padding: 8px; padding-left: 38px; border: 1px solid #77bc8d; color: #2a7c46; font-family: Verdana; font-size: 12px; line-height: 150%; text-align: left; -moz-border-radius:10px;-webkit-border-radius:10px; margin-bottom: 10px;}
.notice_ok b { color: #F00; }
.notice_error {background: url(../images/icons/notice_error.gif) no-repeat 10px 10px #f59193; padding: 8px; padding-left: 38px; border: 1px solid #e79096; color: #7f3233; font-family: Verdana; font-size: 12px; line-height: 150%; text-align: left; -moz-border-radius:10px;-webkit-border-radius:10px; margin-bottom: 10px;}
.notice_error b { color: #333; }

/* USER CONTROL */

.usercontrol
{
	background: url("../images/menu_top_bg.gif") repeat-x scroll left top #00B7EA;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    color: #FFFFFF;
    font-size: 11px;
    height: 30px;
    margin: 0;
    padding: 10px 10px 0 0;
    position: fixed;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    top: 0;
    width: 100%;
    z-index: 9999;
}

.usercontrol div.usercontent
{
	width: 980px;
	margin: 0 auto;
}

.usercontrol span { line-height:22px; float:left}
.usercontrol select.input_text { float:left; margin-top:0px !important;}

.usercontrol span a
{
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	border-right: solid #e2e2e2 1px;
}

.usercontrol small
{
	color: #FFF;	
}


/* LOGIN */

.login_form
{
	text-align: left;
	width: 400px;
	margin-top:70px;
	margin-bottom: 80px;
	border: solid #e1e1e1 1px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}

.login_content
{
	padding:5px;
	background: #e5eecc url(../images/login_bg.gif) repeat-x;
}
.login_content .block_title { color:#666;}
.login_ip
{
	color: #666666;
	padding: 10px;
	border-top: solid #CCCCCC 1px;
	background: #DAE4BE;
}

.login_error
{
	margin-top: 8px;
	background: url(../images/icon_warning.gif) no-repeat;
	padding-left: 18px;
	color: #CC3300;
}

.page_transfer {
	width: 400px;
	margin-top: 100px;
	padding: 30px;
	background: #FFFFFF;
	border: solid #345487 1px; 
	text-align: center;
	color: #000000; 
	font-family: Verdana, Arial; 
	font-size: 11px;
}


/* HEADER SEARCH */

.header_search
{
	float: left; margin-left:115px;
}

.input_search
{
	font-size: 12px;
	padding: 2px;
	border: solid #b6b6b6 1px;
	background: #F3F3F3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.input_search:hover {
	background: #DFDFDF;
	border: solid #808080 1px;
}

/* MENU */

#menu {
    background: url("../images/menu_bg_gray.gif") repeat scroll 0 0 #F0F0F0;
    margin: auto;
    width: 100%;
}
.menu
{
	 clear: both;
    height: 34px;
    margin: auto;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    width: 1000px;
}

.menu ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}

.menu li
{
	float:left;
	position:relative;
	z-index:100;
	padding: 0 0 0 0;
	height: 34px;
	border-right: #808080 solid 1px;
}

.menu li li
{
	width: 160px;
	display: block;
	position:relative;
	z-index: 100;
	height: auto;
	border: 0;
	color: #FFFFFF;
	background: #666666; /* 333333 666666 */
	border-bottom: solid #4A4949 1px;
}
.menu li li a,
.menu li li a:visited
{
	width: 150px;
	display:block;
	font-size:11px;
	font-weight: normal;
	width:auto;
	padding:8px 0;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	padding-left: 7px;
	padding-right: 7px;
}

.menu li li a:hover
{
	width: 150px;
	display:block;
	font-size:11px;
	width:auto;
	padding:8px 0;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	text-align:left;
	padding-left: 7px;
	padding-right: 7px;
}

.menu a,
.menu :visited
{
	display:block;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	width:auto;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	padding: 10px 10px 10px 10px;
}

.menu ul li a:hover
{
	color:#FFFFFF;
	background: url(../images/menu_bg_hover_red.gif) #E7EDDF;
	
}

.menu ul ul
{
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
}

.menu ul li:hover ul,
.menu ul a:hover ul
{
	border-top: solid #4A4949 1px;
	visibility:visible;
}

.menu ul li ul li a:hover
{
	background: #C0C0C0;
	color: #000000;
}

.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:28px;
}


/* ALERT */
.header_alert
{
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 1;
	background: url(../images/alert_bg.gif) repeat-x;
	opacity:0.0;
	filter:alpha(opacity=0);
	border-left: solid #F0C78B 1px;
	border-right: solid #F0C78B 1px;
	border-bottom: solid #F0C78B 1px;
	text-align: left;
	/*font-weight: bold;*/
	cursor: pointer;
}

.header_alert img
{
	padding-left: 14px;
}

.alert
{
	float: right;
	padding-top: 6px;
	padding-right: 6px;
}

.alert img:hover
{
	cursor: pointer;
}

.errorpage
{
	padding: 15px 20px 5px 20px;
	margin-bottom: 20px;
	background: #FFFFCC;
	color: #333333; /* FF6600 333333 */
	font-weight: bold;
	font-size: 14px;
	border: solid #FFDD65 1px;
}

.errorpage div
{
	background: url(../images/icon_underconstruction.png) no-repeat;
	padding-left: 50px;
	padding-top: 5px;
	height: 50px;
}

.board_notice
{
	padding: 10px 15px;
	margin-bottom: 15px;
	background: #f7fea9;
	color: #333333; /* FF6600 333333 */
	line-height: 150%;
	font-size: 11px;
	border: solid #ece900 1px;
	border-radius: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Tahoma, Geneva, sans-serif;
}

.board_notice h3
{
	font-size: 13px;
	margin: 0px;
	padding: 0px;	
}

/* MODULES */

.input_text,
.input_text_white,
.input_select,
.input_quicklinks,
.input_error,
.input_ok,
.input_textarea,
.input_text_2,
.input_text_3 {
	padding: 2px;
	background: #F3F3F3;
	border-bottom-color: #b6b6b6; 
	border-bottom-width: 1px;
	border-left-color: #b6b6b6; 
	border-left-width: 1px;
	border-right-color: #b6b6b6; 
	border-right-width: 1px;
	border-top-color: #b6b6b6; 
	border-top-width: 1px;
	color: #000000;
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.input_text_2{
	width:90px;	
	}
	.input_text_3{
		width:180px;
		}
.input_textarea
{
	width: 98%;
}

.input_text:hover {
	background: #DFDFDF;
	border: solid #808080 1px;
}

.input_text_white
{
	background: #FFFFFF;
}

.input_quicklinks
{
	background-color: #ffffff;
}

.input_error
{
	background: #F2DDDD;
	border: solid #CC0000 1px;
}

.input_ok
{
	border: solid #00CC00 1px;
}

.input_submit
{
	cursor: pointer;
	height: 25px;
	color: #333333;
	font-size: 11px;
	font-family: verdana;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*
	background:transparent url(../images/button.gif) no-repeat scroll -800px 50%;
	background: url(../images/submit.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	*/
}
#searchSubmit{
	cursor: pointer;
	height: 20px;
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
a.input_submit { padding:3px; margin-right:5px;}
a.input_submit:hover { text-decoration:none;}
.input_submit:hover,#searchSubmit:hover
{
	background: #f1a54c;
}

.input_submit:active
{
	padding-left: 9px;
	padding-right: 7px;
}


.input_submit2
{
	cursor: pointer;
	height: 19px;
	color: #333333;
	font-size: 9px;
	font-family: verdana;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 1px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*
	background:transparent url(../images/button.gif) no-repeat scroll -800px 50%;
	background: url(../images/submit.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	*/
}

.input_submit2:hover
{
	background: #f1a54c;
}

.input_submit2:active
{
	padding-left: 6px;
	padding-right: 2px;
}

a.input_submit2
{
	color: #333 !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 9px !important;	
}

a.input_submit2:hover
{
	color: #333;
	text-decoration: none;
}

a.input_submit2:active
{
	padding-left: 8px;
	padding-right: 4px;
}

.input_button
{
	cursor: pointer;
	height: 21px;
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*
	background:transparent url(../images/button.gif) no-repeat scroll -800px 50%;
	background: url(../images/submit.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	*/
}

.input_button:active
{
	padding-left: 5px;
	padding-right: 3px;
}

.input_button:hover
{
	color: #000000;
}


.input_radio
{
	background: url(../images/input_radio.png);
}

.desc {
	color: #808080; 
	font-family: Verdana; 
	font-size: 11px;
	line-height: 150%;
}

.date {
	color: #808080; 
	font-family: Verdana; 
	font-size: 11px;
}

.errorbar {
	background: #F2DDDD;
	padding: 0px;
	margin-bottom: 5px;
	padding: 4px 12px 6px 12px;
	border: 1px solid #992A2A;
	color: #992A2A;
	font-family: Verdana; 
	font-size: 11px;
	line-height: 150%;
	text-align: left;
}


/* BLOCK */

.block_title
{
	font-size: 12px;
	font-weight: bold;
}

.block_menu
{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: solid #CCCCCC 1px;
	margin-bottom: 10px;
}


.block_top {
    background: url("../images/layout/tt_bar.gif") repeat-x scroll 0 0 transparent;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 1px 0 rgba(253, 253, 255, 0.5);
    color: #A90000;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 15px;
    text-shadow: 1px 1px #FFFFFF;
}
.block_middle_no_pad td{
	border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    padding: 5px;}
	
.block_middle_no_pad {
	padding: 0px;
	padding-bottom: 2px;
}

.block_top a
{
	color: #0099CC;
    font-weight: normal;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: none;
	
}

.block_top a:hover
{
	color: #C30;
	text-decoration: none;
}


.block_middle,
.block_middle_no_pad {
	background: #FCFCFC;
	padding: 0px;
	margin-top: 1px;
	margin-bottom: 15px;
	padding: 6px;
	width: auto !important;	
	border-left: solid #e2e2e2 1px; 
	border-right: solid #e2e2e2 1px; 
	border-bottom: solid #e2e2e2 1px; 
	font-family: Verdana; 
	font-size: 11px;
	line-height: 150%;
	text-align: left;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 5px; 
}


.block_middle_no_pad th {-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/layout/tt-table.gif") repeat-x scroll 0 0 transparent;
    border-color: #999999 #DDDDDD #999999 #999999;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    padding: 4px 5px;
    text-shadow: 1px 1px #E9E9E9;
}
.block_middle_no_pad td{
	border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    padding: 5px;}
	
.block_middle_no_pad {
	padding: 0px;
	padding-bottom: 2px;
}

.block_middle_left_top
{
	width: 30%;
	background: #F3F3F3;
	border-right: solid #e2e2e2 1px;
	border-bottom: solid #e2e2e2 1px;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 8px;
}

.block_middle_left_top_1
{
	width: 20%;
	background: #F3F3F3;
	border-right: solid #e2e2e2 1px;
	border-bottom: solid #e2e2e2 1px;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 8px;
}


.block_middle_left_top b {font-weight:normal;color: #333333;
    text-align: right;}
	
.block_middle_center
{
	width: 25%;
	background: #F2F2F2;
	border-bottom: solid #e2e2e2 1px;
	vertical-align: top;
	padding-top: 8px;
}

.block_middle_right_top
{
	width: 75%;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid #e2e2e2 1px;
}

.block_middle_left_bottom
{
	width: 25%;
	background: #F2F2F2;
	border-right: solid #e2e2e2 1px;
	vertical-align: top;
	padding-top: 8px;
}

.block_middle_right_bottom
{
	width: 75%;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.block_middle_left_top2
{
	width: 15%;
	background: #F2F2F2;
	border-right: solid #e2e2e2 1px;
	border-bottom: solid #e2e2e2 1px;
	vertical-align: top;
	padding-right: 8px;
}

.block_middle_right_top2
{
	width: 85%;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid #e2e2e2 1px;
}

.block_middle_left_top3
{
	width: 15%;
	background: #F2F2F2;
	border-right: solid #e2e2e2 1px;
	border-bottom: solid #e2e2e2 1px;
	vertical-align: top;
}

.block_middle_right_top3
{
	width: 85%;
	padding-left: 10px;
	border-bottom: solid #e2e2e2 1px;
}

.block_middle_left_bottom2
{
	width: 15%;
	background: #F2F2F2;
	border-right: solid #e2e2e2 1px;
	vertical-align: top;
}

.block_middle_right_bottom2
{
	width: 85%;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.block_desc_top,
.block_desc_middle,
.block_desc_bottom,
.block_desc_top_right,
.block_desc_bottom_right {
	background: #CCCCCC repeat-x; /* F5F7EF url(../images/block_desc.gif)  */
	padding: 0px;
	margin: 0px;
	padding: 6px 8px 6px 8px;
	width: auto !important;
	border-left: solid #e2e2e2 1px; 
	border-right: solid #e2e2e2 1px;
	color: #333333;  /* 859946 7A7A7A*/
	font-family: Verdana; 
	font-weight: bold;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
}

.block_desc_top
{
	border-left: solid #e2e2e2 0px; 
	border-right: solid #e2e2e2 0px;
}	

.block_desc_bottom_left,
.block_desc_top_left
{
	background: #CCCCCC repeat-x; /* F5F7EF url(../images/block_desc.gif)  */
	padding: 0px;
	margin: 0px;
	border-left: solid #e2e2e2 1px; 
	border-right: solid #e2e2e2 1px;
	color: #333333;
	font-family: Verdana; 
	font-weight: bold;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
}

.block_desc_top {
	border-bottom: solid #e2e2e2 1px;
}

.block_desc_top_left {
	border-bottom: solid #e2e2e2 1px;
	border-left: solid #e2e2e2 0px;
	border-right: solid #e2e2e2 1px;
	padding: 4px;
	color: #333333;
}

.block_desc_top_left a,
.block_desc_top_right a {
	color: #333333;
	border-bottom: dotted #CCCCCC 1px;
}

.block_desc_top_left a:hover
{
	color: #E82900;
}

.block_desc_top_right {
	border-left: solid #e2e2e2 0px;
	border-right: solid #e2e2e2 0px;
	border-bottom: solid #e2e2e2 1px;
}

.block_desc_middle {
	border-left: solid #e2e2e2 0px;
	border-right: solid #e2e2e2 0px;
	border-bottom: solid #e2e2e2 1px;
}

.block_desc_middle_left {
	border-right: solid #e2e2e2 1px;
}

.block_desc_bottom {
	border-top: solid #e2e2e2 1px;
	border-left: solid #e2e2e2 0px;
	border-right: solid #e2e2e2 0px;
	padding: 4px;
}

.block_desc_bottom_left {
	border-left: solid #e2e2e2 0px;
	border-top: solid #e2e2e2 1px;
	padding: 4px;
}

.block_desc_bottom_right {
	border-left: solid #e2e2e2 0px;
	border-right: solid #e2e2e2 0px;
	border-top: solid #e2e2e2 1px;
}

.block_bottom,
.block_bottom2 {

}

.block_bottom {

}

.block_page {
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	color: #FFF;
	border: #b3b3b3 1px solid;
	background: #cccccc url(../images/page_bg_hover.gif); 
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#block_page {
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}

#block_page A {
	font-weight: bold;
	margin: 1px;
	color: #FFF; 
	padding: 4px 8px 4px 8px;
	border: #b3b3b3 1px solid;
	text-decoration: none;
	background: #FFFFFF url(../images/page_bg.gif);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#block_page A:hover {
	padding: 4px 8px 4px 8px;
	color: #FFF;
	border: #b3b3b3 1px solid;
	background: #cccccc url(../images/page_bg_hover.gif); 
	text-decoration: none;
}

.block_button {
	display: block;
	width: 100px;
	margin: 1px;
	padding: 4px 16px 4px 16px;
	color: #666666;
	font-weight: bold;
	border-left: #808080 5px solid;
	border-top: #808080 1px solid;
	border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
	text-decoration: none;
	background: #FFFFFF;
}

#block_button {
	display: block;
	margin-top: 5px;
}

#block_button A {
	display: block;
	width: 100px;
	padding: 4px 16px 4px 16px;
	color: #666666;
	font-weight: bold;
	border-left: #808080 5px solid;
	border-top: #808080 1px solid;
	border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
	text-decoration: none;
	background: #FFFFFF;
}

#block_button A:hover {
	padding: 4px 16px 4px 16px;
	background: #FFFFFF; 
}

/* Block Submit */

.block_desc_bottom_submit
{
	text-align: center;
	padding: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: auto;
}

.block_action
{
	/*background: #595959 url(../images/block_bottom_bg_black.gif) no-repeat;*/
	background: #FFFFFF;
	height: 39px;
	border: solid #e2e2e2 1px;
	text-align: center;
	padding: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.block_action_check
{
	float: left;
	padding-left: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-right: solid #e2e2e2 1px;
	cursor: pointer;
}

.block_action_checked,
.block_action_check:hover
{
	background: #EFEFEF;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	/*opacity:0.5;
	filter:alpha(opacity=50);*/
}

.block_action_left
{
	float: left;
	padding-left: 6px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 6px;
}

.block_action_right
{
	float: right;
	padding-left: 6px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 6px;
}

/* TIP */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 300px;
	border: 1px solid black;
	padding: 6px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.task_alarm
{
	position: absolute;
	z-index: 2;
	left: 330px;
	top: 20px;
	color: #000000;
	border: 1px solid #CCCCCC;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	width: 280px;
	margin-right: 20px;
	background: #FFFDCC;	
}

.task_alarm a
{
	color: #000000;
}

.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
    overflow-x: hidden;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}


.password_1
{
	height: 4px;
	border: solid #808080 1px;
	font-size:
	5px;
	padding-left: 14px;
	background: #FFFFFF;
}

.password_2
{
	height: 4px;
	border: solid #808080 1px;
	font-size: 5px;
	padding-left: 14px;
	background: #932900 url(../images/password_bar.gif) repeat-x 50%;
}

.hidden
{
	opacity:0.2;
	filter:alpha(opacity=20);
}

/* MAIN PAGE */

.main_board
{
	padding: 0px;
	margin: 0px;

	width:100%;

	padding: 10px; 	
}
.main_board h1{ background:#CCCCCC;  color:#00ade2; font-size:14px; padding:5px; border:1px solid #CCCCCC;}
.block_static_1{ width:420px; height:200px; border:1px solid #CCCCCC; padding: 5px; float:left; margin-right:20px;}
.block_static_1 ul {width:100%;}
.block_static_1 ul li {padding-top:3px;}
.block_static_1 ul li label { padding-right: 70px; text-align:left;}
.block_static_1 p{  width: 98%; padding: 3px; background:#00abe1; margin:auto; color:#FFFFFF; font-weight:bold; text-align:center;}

.block_static_2{ width:98%;  border:1px solid #CCCCCC; padding: 5px; float:left; margin:auto; margin-top:10px;}
.block_static_2 ul li {padding-top:3px; list-style:circle;}
.block_static_2 ul li label { width:30%;text-align:left; color:#C60; float:left;}
.block_static_2 p{  width: 99%; padding: 3px; background:#E6E6E6; margin:auto; font-weight:bold; text-align:center;}
.block_left{ float:left; width:30%; padding:4px;  font-weight:bold; text-align:center; }
.block_right{ float:right; width:28%; text-align:right;padding: 4px; font-weight:bold;}
.block_static_2 table{width:100%;}
.block_static_2 table td{border:1px solid #CCCCCC; border-collapse:collapse; padding: 3px; text-align:center;}

.block_static_3{ width:47%;  border:1px solid #CCCCCC; padding: 5px; float:left; margin:auto; margin-top:10px; margin-right:10px;}
.block_static_3 ul li {padding-top:3px; list-style:circle;}
.block_static_3 ul li label { width:30%;text-align:left; color:#C60; float:left;}
.block_static_3 p{  width: 99%; padding: 3px; background:#E6E6E6; margin:auto; font-weight:bold; text-align:center;}
.block_static_3 table{width:100%;}
.block_static_3 table td{border:1px solid #CCCCCC; border-collapse:collapse; padding: 3px; text-align:center;}

.chan{background:#FFFEE1}
.min{ font-size:10px;}
.title{ background:#F0F0F0; font-weight:bold;}
.shadow4{-webkit-box-shadow:0 0 5px 0 #666;-moz-box-shadow:0 0 5px 0 #666;box-shadow:0 0 5px 0 #666;}
.shortcut 
{
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.bo_goc{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.shortcut ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.shortcut ul li
{
	width: 100%;	
}

.shortcut ul li a
{
	display: block;
	background: #FFFFFF;
	width: 165px;
	height: 24px;
	line-height: 24px;
	padding: 1px 1px 1px 4px;
	margin: 1px;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

.shortcut ul li a:hover
{
	background: #F7F7F7;
	height: 24px;
	padding: 0px 1px 0px 3px;
	border: solid #EEEEEE 1px;
	color: #FF6600;
}

/* Search */

.searchpage
{
	padding: 15px 20px 5px 20px;
	margin-bottom: 20px;
	background: #FFFFCC;
	color: #333333; /* FF6600 333333 */
	font-size: 12px;
	border: solid #dfecb2 1px;
}

.searchpage div
{
	background: url(../images/icon_searchbig.png) no-repeat;
	padding-left: 80px;
	padding-top: 5px;
	height: 64px;
}

.searchpage div ul
{
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}

.searchpage div ul li
{
	float: left;
	width: auto;
	padding-right: 30px;
	padding-bottom: 4px;
}

/* TABLE ACTION */

table.action_wrapper
{
	text-align: left;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 10px;
}

table.action {
	background-color: #EBEBEB;
	padding: 0px;
	border: 1px solid #CCC;
}
table.action td {
	font-size: 12px;
}
table.action td.fieldlabel {
	background-color: #efefef;
}
table.action td.fieldarea {
	background-color: #efefef;
}
table.datatable {
	padding: 0;
	margin: 0;
}
table.datatable th {
	background-color: #1A4D80;
	font-weight: bold;
	text-align: center;
}
table.datatable td {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
	font-size: 12px;
}
table.datatable tr.rowhighlight td {
	background-color: #EFF2F9;
}

/* TICKET */

.ticket_reply_form
{
	border: solid #e2e2e2 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
	width: 750px;
	margin-left: 10%;
	margin-right: 10%;
	background: #F4F4F4;
}

.ticket_reply
{
	width: 75%;
	margin: 0px;
	padding: 0px;
	border-bottom: solid #DDDDDD 1px;
}

.ticket_reply_header
{
	padding: 6px 10px 6px 8px;
	border-bottom: solid #DDDDDD 1px;
	background: #F4F4F4;
}

.ticket_reply_content
{
	padding: 8px 8px 8px 8px;
}

.ticket_reply_block
{
	border: solid #e2e2e2 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 10px;
	width: 750px;
	margin-left: 10%;
	margin-right: 10%;
	background: #F4F4F4;
}

/* ORDER */

.order_amount
{
	font-weight: bold;
}

.order_total
{
	font-weight: bold;
	color: #FF3300;
	font-size: 13px;
}

/* COMMENT */

.module_comment
{
	 overflow: auto;
	 height: 300px;
	 width: auto;
}

.module_comment ul
{
	list-style: none;
	padding:0;
	margin:0;
	float: left;
	width: 98%;

	margin-bottom: 6px;
}

.module_comment ul li
{
	float: left;
}

.comment_id
{
	text-decoration: underline;
	width: 10%;
}

.comment_name
{
	font-weight: bold;
	background: #FFFFFF;
	padding: 2px;
	width: 98%;
}

.comment_time
{
	color:#999999;
	font-size: 9px;
	width: 98%;
	visibility:visible;
}

.comment_action
{
	float: right;
	visibility:hidden;
}

.comment_content
{
	width: 94%;
	padding: 6px;
	margin-top: 2px;
	background: #F3F3F3;
}

.module_comment_page
{
	height: 35px;
	padding-top: 4px;
}

.module_comment_page ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-bottom: 10px;
}

.module_comment_page li
{
	float: left;
}

.module_comment_page font
{
	display: block;
	padding: 2px 4px 2px 4px;
	color: #FFFFFF;
	background: #808080;
	border: solid #808080 1px;
	margin-right: 4px;
}


.module_comment_page li a 
{
	display: block;
	padding: 2px 4px 2px 4px;
	color: #000000;
	border: solid #808080 1px;
	margin-right: 4px;
}

.module_comment_page li a:hover
{
	text-decoration: none;
	background: #808080;
	color: #FFFFFF;
}

/* CALENDAR */

.calendar_button
{
	width: 22px;
	height: 20px;
	vertical-align: top;
}

/* ALERT */

#site_alertheader
{
	position: relative;
	display: none;
	z-index: 2;
}

#site_alertbox
{
	position: absolute;
	width: 500px;
	margin-top: 270px;
	margin-left: 250px;
	border: solid #FFFFFF 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#site_alertbox #site_alertclose
{
	position: absolute;
	width: 98%;
	text-align: right;
	margin-top: 4px;
	cursor: move;
}

#site_alertbox #site_alertclose a
{
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}

#site_alertbox #site_alertclose a:hover
{
	color: #C0DFF7;
	text-decoration: none;
}

#site_alertbox #site_alerttitle
{
	width: 100% - 40px;
	padding: 6px;
	padding-left: 14px;
	padding-right: 14px;
	background: #75ADDA; /* */
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	border-top: solid #5C8DB4 2px;
	border-left: solid #5C8DB4 2px;
	border-right: solid #5C8DB4 2px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px; 
	cursor: move;
}

#site_alertbox #site_alertcontent
{
	width: 100% - 30px;
	padding: 15px;
	background: #FFFFFF;
	border-left: solid #5C8DB4 2px;
	border-right: solid #5C8DB4 2px;
}

#site_alertbox #site_alertcommand
{
	width: 100% - 16px;
	padding: 8px;
	padding-bottom: 12px;
	background: #FFFFFF;
	text-align: right;
	border-left: solid #5C8DB4 2px;
	border-right: solid #5C8DB4 2px;
	border-bottom: solid #5C8DB4 2px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-bottom-left-radius: 5px; 
}

#site_alertbox #site_alertcommand input
{
	margin-left: 6px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#site_alertbox #site_alertcommand select
{
	padding: 2px;
	margin-top: 6px;
	width: 120px;
	background: #F3F3F3;
	border-bottom-color: #b6b6b6; 
	border-bottom-width: 1px;
	border-left-color: #b6b6b6; 
	border-left-width: 1px;
	border-right-color: #b6b6b6; 
	border-right-width: 1px;
	border-top-color: #b6b6b6; 
	border-top-width: 1px;
	color: #000000;
	font-family: Verdana; 
	font-size: 12px; 
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* PRINTER */
#printer_info { position: absolute; z-index: 1; background: #EFEFEF; display: none; width: 740px; padding: 10px; border: solid #808080 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#printer_info .align_right { float: right; }
#printer_info img { cursor: pointer; }
#printer_content { width: 720px; background: #FFFFFF; margin-top: 10px; border: solid #808080 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: auto; padding: 10px; height: 400px; }

/* PERMISSION */
.permission_block { padding: 0px; margin: 0px; list-style-type: none; width: 100%; float: left; font-family: Tahoma, Geneva, sans-serif; }
.permission_title { padding: 4px 12px 4px 12px; border: 1px solid #997; background: #EEE; color: #030; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; width: 180px; font-weight: bold; margin: 2px; }
.permission_disable { padding: 4px 12px 4px 12px; border: 1px solid #997; background: #FEFEFE; color: #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 2px; }
.permission_enable { padding: 4px 12px 4px 12px; border: 1px solid #997; background: #FFEE66; color: #030; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 2px; }
.permission_inactive { padding: 4px 12px 4px 12px; border: 1px solid #997; background: #DDD; color: #030; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 2px; cursor: pointer; }
.permission_active { padding: 4px 12px 4px 12px; border: 1px solid #997; background: #FFEE66; color: #030; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; margin: 2px; cursor: pointer; }

/* STATISTICS */
.stats_ticket { margin: 0px; padding: 0px; padding-left: 25px; list-style-type: decimal; height: 225px; line-height: 200%; }
.stats_ticket li { }

.stats_ticket ul { margin: 0px; padding: 0px; float: right; list-style-type: none; width: 60%; }
.stats_ticket ul li { float: left; }

.stats_customer { margin: 0px; padding: 0px; padding-left: 15px; list-style-type: circle; height: 225px; line-height: 200%; }
.stats_customer li { font-size: 11px; width: 100%; }

.stats_server { margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none; line-height: 200%; }
.stats_server li { font-size: 11px; width: 100%; height: 24px; }

/* ALERT TASK */

#alert_task {
	position:fixed;
	border:0;
	/*width:958px;*/
	width: 280px;
	right: 0px;
	top: 50px;
	padding:10px;
	margin:0px;
	color:#ddd;
	font-size:12px;
	z-index:9999;
	opacity:0.92;
	background: #33373c;
	color: #4b6fa8;
	text-align: left;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-box-shadow:#999 2px 2px 2px 2px;
	-webkit-box-shadow:#999 2px 2px 2px 2px;
	border-radius:10px 0px 0px 10px;
	box-shadow: #999 2px 2px 2px 2px;
	behavior: url(../images/ie-css3.htc);
}

#alert_task_arrow { float: left; font-size: 24px; line-height: 100%; color: #FFF; font-weight: bold; padding: 0px; margin: 0px; margin-right: 5px; cursor: pointer; display: block; }
#alert_task_content { width: 260px; margin: 0px; margin-top: 10px; padding: 0px; color: #FFF; display: block; }
#alert_task_content a { color: #FFF; }

/* EXTENDS */

.stats_user{ margin: 0px; padding: 0px; list-style-type: none; line-height: 150%; padding-top: 5px; padding-left: 30px; padding-top: 20px; }
.stats_user li { float: left; font-size: 11px; width: 140px; text-align: center; padding-right: 30px; line-height: 125%; margin-bottom: 20px; }
.stats_user li img { border: solid #999 1px; padding: 0px; width: 140px; height: 120px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.stats_user li p.quote span img { border: 0 !important; width: 16px !important; height: 16px !important; }
.stats_user li p strong { font-family: Arial, Helvetica, sans-serif; color: #F00; }
.stats_user li p.quote { background: url(../images/backgrounds/quote.png) no-repeat; padding: 10px; padding-bottom: 0px; margin: 0px; margin-left: 0px; text-align: left; border-bottom: 0px; width: 124px; height: 72px; }

/*-----------------------------------------------*/
/* Tab bar				    	                 */
/*-----------------------------------------------*/

ul.tab_bar {
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.tab_bar li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/layout/bg_tab.gif") repeat-x scroll 0 0 transparent;
    border-color: #C3C3C5 #C3C3C5 #FFFFFF;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #333333;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    padding: 0 5px;
    text-shadow: 1px 1px #FFFFFF;
}
ul.tab_bar li.active, ul.tab_bar li:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/layout/input_submit4.gif") repeat-x scroll 0 0 transparent;
    border-color: #737373 #737373 #FFFFFF;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 1px 1px #333333;
}

/*-----------------------------------------------*/
/* Command bar				    	             */
/*-----------------------------------------------*/

.command_bar
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	height: 22px;
	margin-bottom: 10px;
	font-size: 12px;
}

.command_bar li
{
	float: right;
	heght: 22px;
	margin-left: 15px;
}

.command_bar li a 
{
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	font-weight: bold;
}

.command_bar li a:hover
{
	background: #f1a54c;
}

.command_bar li a:active
{
	padding-left: 10px;
	padding-right: 6px;	
}

/* UPDATE CSS */

.block_middle_left_top small { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

/* TIMEKEEPING */

#timek_list { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#timek_list a { font-size: 11px; padding: 4px 8px 4px 8px; border: 1px solid #997; background: #FEFEFE; color: #808080; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; text-decoration: none; }
#timek_list a.active,
#timek_list a:hover { padding: 4px 8px 4px 8px; border: 1px solid #997; background: #FFEE66; color: #030; -moz-border-radius: 4px; -webkit-border-radius: 4px; float: left; }
#timek_list a strong { font-size: 12px; font-weight: bold; color: #333;	}

/* TIMEKEEPING CONTENT */

#timek_content tr.white { background: #FFFFFF; }
#timek_content tr.gray { background: #F6F6F6; }

#timek_content td.title { background: #F0F0F0; border-bottom: solid #808080 1px; }
#timek_content td.saturday { background: #F0F0F0; border-bottom: solid #808080 1px; color: #3C3; }
#timek_content td.saturday small { background: #F0F0F0; color: #3C3; }
#timek_content td.sunday { background: #F0F0F0; color: #F30; }
#timek_content td.sunday small { background: #F0F0F0; color: #F30; }
#timek_content td { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#timek_content td span { font-weight: bold; }

#timek_content tr.white td a { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #CCC; color: #000; font-weight: bold; text-decoration: none; }
#timek_content tr.gray td a { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #CCC; color: #000; font-weight: bold; text-decoration: none; }
#timek_content tr td a.active,
#timek_content tr td a:hover { display: block; background: #FFEE66; color: #030; }

#timek_form { position: absolute; display: none; background: url(../images/icons/icon_arrow.png) no-repeat 0px 140px; padding-left: 13px; }
#timek_loading { display: none; background: url(../images/icons/icon_loadingcircle.gif); width: 25px; height: 25px; }
#timek_field { display: none; }
#timek_field a img { opacity:0.4; filter:alpha(opacity=40); }
#timek_field a:hover img { opacity:1; filter:alpha(opacity=100); }
#timek_field { background: #FFF; border-right: solid #CCC 1px; border-bottom: solid #CCC 1px; padding: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#timek_field table { border: solid #949791 1px; padding: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 360px; }
#timek_field table th { width: 100%; background: #595959 url(../images/block_top_bg_black.gif) no-repeat; color: #FFF; padding: 4px 10px 4px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#timek_field table td { padding: 4px 4px 4px 4px; vertical-align: top; background: #FFF; border-right: solid #f1f1f1 1px; border-bottom: solid #f1f1f1 1px;  }
#timek_field table input.input_text,
#timek_field table textarea.input_text { width: 85%; }
#timek_field img.clear { cursor: pointer; width: 16px; height: 16px; }

/* CHECK BOX */

ul.checkbox { list-style-type: none; margin: 0px; padding: 0px; }
ul.checkbox li { float: left; margin-right: 10px; padding: 4px 12px 4px 12px; border: 1px solid #997; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul.checkbox li input { display: none; }
ul.checkbox li.disabled { background: #FEFEFE; color: #CCC; }
ul.checkbox li.inactive { background: #DDD; color: #030; cursor: pointer; }
ul.checkbox li.active { background: #FFEE66; color: #030; cursor: pointer; }

/* NOTICE */

.stats_notice
{
	padding: 10px 15px;
	margin-bottom: 15px;
	background: #f7fea9;
	color: #333333; /* FF6600 333333 */
	line-height: 150%;
	font-size: 11px;
	height: 137px;
	border: solid #ece900 1px;
	border-radius: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: Tahoma, Geneva, sans-serif;
	overflow: auto;
	height: 200px;
}

/* BIRTHDAY */
.stats_birthday { list-style-type: none; margin: 0px; padding: 4px; height: 189px; line-height: 160%; overflow: auto; }
.stats_birthday li { float: left; width: 240px; }
.stats_birthday li.merge { width: 240px; font-style: italic; }

/* TIMEKEEPING */
.stats_timekeeping { list-style-type: none; margin: 0px; padding: 0px; height: 205px; line-height: 180%; width: 400px; margin-left: 10px; }
.stats_timekeeping li { float: left; width: 55px; text-align: center; background: #FEFEFE; line-height: 120%; }
.stats_timekeeping .date { color: #666; margin-bottom: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F6F6F6; border: solid #CCC 1px; font-family: Arial, Helvetica, sans-serif; width: 52px; margin-right: 1px; }
.stats_timekeeping .dategreen { color: #090; }
.stats_timekeeping .datered { color: #C00; }
.stats_timekeeping .current { border: solid #00A8DE 1px; }
.stats_timekeeping li.focus span { border: solid #F00 1px; }
.stats_timekeeping li span { display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #F6F6F6; border: solid #CCC 1px; color: #000; padding: 0px; margin: 1px;  font-size: 10px; }
.stats_timekeeping li span b { display: block; color: #666; background: #DDD; width: 49px; margin-left: 1px; margin-top: 1px; }
.stats_timekeeping li span:hover { display: block; background: #FFEE66; color: #030; }
/* ticket_info */
.ticket_info { clear:both; }
.ticket_info  h3 { color:#333;}
.ticket_info table { border:1px solid #cccccc; padding:0px; border-collapse:collapse; margin-bottom:5px; padding:0px;-moz-border-radius:5px; }
.ticket_info table th { text-align:center;background:url(../images/block_top_bg_tab.gif) repeat-x; color:#fff; padding:5px 2px; border-right:1px solid #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);}
.ticket_info table tr td { border-right:1px solid #cccccc; text-align:center;border-top:1px solid #cccccc; padding:5px 0px;}
ul.ticket_cm { line-height:14px; list-style:none;}
ul.ticket_cm li { float:left; margin-top:10px;}
ul.ticket_cm li b.ticket_name { float:left; color:#333; padding-top:10px;width:175px;text-align:left; margin-left:-20px;}
ul.ticket_cm li i { float:left; font-weight:normal;  color:#333}
ul.ticket_cm li .img_qoute { z-index:0; position:absolute; margin-left:-774px; margin-top:15px;}
ul.ticket_cm li.ticket_cm_ad b.ticket_name { color:#039}
ul.ticket_cm li.ticket_cm_ad b img { float:left; margin-right:5px;}
ul.ticket_cm li .ticket_ct_guest, ul.ticket_cm li .ticket_ct_admin {float:left; width:740px;-moz-border-radius:5px;padding:5px; z-index:0; color:#333; margin-top:5px;}
ul.ticket_cm li .ticket_time_reply { font-size:10px; color:#039; float:right; height:14px; }
ul.ticket_cm li .ticket_time_reply a img , ul.ticket_cm li .ticket_time_reply a img { float:none;}
ul.ticket_cm li .ticket_ct_guest {background-color:#e4f8ff; border:1px solid #7cddfd;}
ul.ticket_cm li .ticket_ct_admin  {border:1px solid #c8c8c8;background-color:#f1f1f1; z-index:0}
.ticket_comment { margin-top:-5px; padding:0px;}
.reply_list {-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #cccccc; margin-bottom:5px}
.reply_list h3 {color:#fff; text-transform:uppercase; font:bold 12px Tahoma, Geneva, sans-serif;border-bottom:1px solid #e7e7e7;padding:0px 10px; margin:0px; background:url(../images/block_top_bg_tab.gif) repeat-x; height:24px; line-height:24px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-radius:5px;}
/* search_sv */
.search_sv { background:#d0f1fd url(../images/search_sv.png) no-repeat 8px; margin:0px 0px 8px 0px; padding:3px 0px 3px 30px;-moz-border-radius:4px;-webkit-border-radius:4px; clear:both;}
.search_sv input  { font-size:11px; color:#333; border:1px solid #69CFEC; padding:1px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.search_sv a.si { width:35px; cursor:pointer;padding:2px 5px; color:#fff; font-weight:bold; border:none; font-size:10px;-moz-border-radius:5px;-webkit-border-radius:5px; background:#F60; margin:0px 5px;}
.search_sv a.si:hover { text-decoration:none;background:url(../images/sd_top.jpg) repeat-x 5px;}
.search_sv select {  font-size:11px; color:#333; border:1px solid #69CFEC; padding:1px;-moz-border-radius:4px; margin:0px 2px;}
.search_sv a.si_status {background: url(../images/ticket/status.gif) repeat-x;cursor:pointer;padding:1px 10px; border:1px solid #3caed3;color:#fff; font-weight:bold;-moz-border-radius:4px; margin:2px 0px;}
/* navigation */
.nav { background: url(../images/ticket/page_nav.gif) top repeat-x; overflow: hidden; padding:0; border-bottom:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;list-style:none; float:left; height:25px; margin:0px 0px 10px 0px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nav li { float:left;}
.nav li a:link,
.nav li a:visited { display:block; color: #333; padding:5px 18px; font-weight:bold; text-decoration:none;}
.nav li a:hover { background-image:url(../images/ticket/menu_hover2.gif); color:#F60}
.nav li.step a:link,
.nav li.step a:visited { display:block; color: #f60;  padding:5px 18px; background: url(../images/ticket/dot3.gif) right no-repeat; font-weight:bold; text-decoration:none;}
.nav li.step a:hover { background-image:url(../images/ticket/menu_hover.gif); color:#F60}
.nav_status { background:url(../images/nav_status.gif) repeat-x; float:right; border:1px solid #9f9e9e;-moz-border-radius:5px;-webkit-border-radius:5px; padding:2px 8px; font:14px Tahoma, Geneva, sans-serif; text-shadow: #fff 0.1em 0.1em 0.1em; margin-top:0px;}
/* order_detail */
.order_detail {width:100%; clear:both; font-size:12px; margin-top:10px;padding:0px; clear:both;}
.order_info { float:left;}
.order_info td {  border-collapse:collapse;}
.order_info tr th { color:#666; padding:5px 0px 5px 17px;background: #F6F6F6 url(../images/dot.gif) no-repeat 5px 10px; text-align:left}
.order_info tr td { padding:5px 10px;}
.order_info tr td.order_info_t {background:url(../images/block_top_bg_tab.gif) repeat-x; margin:0px; padding:6px; color:#fff; text-align:left; font-size:12px; font-weight:bold;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-radius:5px; border:none;}
.order_detail table {border-collapse:collapse; }
.order_detail table tr td{ border:1px solid #cfd0d0; font-size:11px; color:#333; border-collapse:collapse; margin:0px; }
.order_detail table tr th{ border:1px solid #cfd0d0; font-size:11px; color:#333; border-collapse:collapse; margin:0px; }
.order_detail table td { padding:5px 10px; }
.order_detail .order_tittle  {margin:0px; padding:0px; color:#fff;background:url(../images/block_top_bg_tab.gif) repeat-x; margin-top:10px; padding:2px 10px; font-size:12px; clear:both; font-weight:bold; text-align:left;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;-webkit-border-radius:5px; border:none;}
.order_detail .order_block { margin:10px 0px 15px 0px; font-size:12px; clear:both;}
.order_detail .order_block th, .order_detail .order_block td { padding:5px; text-align:center}
/* shoutbox and user_online */
.shoutbox { width:465px; float:left; margin:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #cccccc;background:#fff;}
.shoutbox textarea { margin:2px;padding: 4px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #cccccc;background:#fff; width:380px; font-size: 12px; font-family: tahoma; float:left;}
.shoutbox textarea.not_permission { font-size: 12px; text-align: center; cursor: default; }
.shoutbox input.chat_submit { position: absolute; width: 70px; height: 60px; margin-top:1px; }
ul.shoutbox_chat { margin:2px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #cccccc;background:#fff; list-style:none; padding:5px; overflow:scroll; height:450px; margin-bottom:5px;}
ul.shoutbox_chat li { font-weight:bold; line-height:20px;}
ul.shoutbox_chat li.user_other { color:#039;}
ul.shoutbox_chat li.user_me { color:#666;}
ul.shoutbox_chat li span { padding-left:5px; font-weight:normal; color:#333;}
ul.shoutbox_chat li i { font-weight:normal; color:#999; font-size:10px;}
ul.toolbar { list-style:none;padding:0px;margin:5px;}
ul.toolbar li input { font-size:10px; padding:1px; color:#666; border:1px solid #999; background:#ebe5e5; cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px; margin:0px;}
.user_block {-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #cccccc; background-color:#fff; width:230px; float:left; margin:5px; margin-left:0px; padding:2px; overflow:auto; max-height:450px;}
.user_block h3 { margin:0px; padding:0px; color:#2a7ca6; font-size:11px; background:#e4f4fd; padding:2px 5px;}
ul.user_online  { list-style:none; margin:0px; padding-left:5px;}
ul.user_online li {height:1%; clear:both; overflow:hidden; padding:5px 0px; margin:0px; vertical-align:text-top; line-height:12px; }
ul.user_online li img.avatar { width:40px; height:35px; float:left; margin-right:5px; border:1px solid #cccccc; padding:1px;}
ul.user_online li p { float:none; margin-top:0px; width:205px;}
ul.user_online li p a { font-weight:bold; font-size:10px;}
ul.user_online li p a:hover { text-decoration:none;}
ul.user_online li p span { font-size:10px;}
/* user_block_top */
ul.user_block_top { float:right; margin-top:5px; padding:0px; list-style:none; clear:none;}
ul.user_block_top li {margin:0px 0px; line-height:22px; float:left; position:relative;}
ul.user_block_top li a { color:#FC0; font-weight:bold; margin:0px 8px;}
ul.user_block_top li a:hover { color:#fff; text-decoration:none;}
ul.user_block_top li a span { width:17px; height:17px; background:#fd2020; color:#fff;display:block; text-align:center; position:absolute;  margin:-4px 0px 0px 14px; padding-right: 1px; padding-top: 1px; z-index:1;-moz-border-radius:10px;-webkit-border-radius:10px;line-height:normal; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }



ul.user_block_top li.user_block_top_acc { padding:0px 10px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); font-weight:bold;}
ul.user_block_top li.user_block_top_acc span { line-height:normal; float:none; }
ul.user_block_top li.logout a {background:url(../images/button_bg.gif) no-repeat 0px 0px; display:block; border: 1px solid #F8AA2F;
border-radius: 4px 4px 4px 4px;color: #333333;cursor: pointer;font-family: verdana;font-size: 9px;font-weight: bold;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); padding:0px 5px; margin:0px;}
ul.user_block_top li.sub_user_block_top ul  { margin:0px; padding:0px; list-style:none; z-index:9999; position:absolute; margin:29px 0px 0px -142px;width:295px; clear:both; overflow:hidden; border-left:1px solid #828282; border-right:1px solid #828282;  border-bottom:1px solid #828282}
ul.user_block_top li.sub_user_block_top ul li { margin:0px; border-bottom:1px dotted #dddfdf; float:none; background:#fff; line-height:150% !important; }
ul.user_block_top li.sub_user_block_top ul li:last-child { border:none;}
ul.user_block_top li.sub_user_block_top ul li span { margin:0px; padding:5px;color:#3d3c3c; font-size:11px; font-family:Tahoma; font-weight:normal; display:block; text-align:left;text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.8);}
ul.user_block_top li.sub_user_block_top ul li h3 { margin:0px; padding:5px;color:#3d3c3c; font-size:12px; font-family:Tahoma; font-weight:bold; display:block; text-align:left;text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.8); border-bottom: dotted #808080 1px;}
ul.user_block_top li.sub_user_block_top ul li h3 a { margin:0px; padding:0px !important; height: 15px !important; color:#3d3c3c;  font-size:11px; font-family:Tahoma; font-weight:bold; display:block; text-align:center !important;text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.8);}
ul.user_block_top li.sub_user_block_top ul li a { margin:0px; padding:5px; color:#3d3c3c;  font-size:11px; font-family:Tahoma; font-weight:normal; display:block; text-align:left;text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.8);}
ul.user_block_top li.sub_user_block_top ul li a .avatar { text-align: left; width: 35px; height: 35px; border: solid #CCCCCC 1px; margin-right: 6px; }
ul.user_block_top li.sub_user_block_top ul li a small { color: #CCC; font-size: 10px; }
ul.user_block_top li.sub_user_block_top ul li a:hover {padding:5px;color:#F90;text-align:left}
/* Statistics order no recipient */
.stats_order_no_recipient { margin: 0px; padding: 0px; padding-left: 25px; list-style-type: decimal; line-height: 200%; }
.stats_order_no_recipient li { font-size: 11px; width: 100%; height: 24px; }
/* user_profile */
.user_profile { padding:5px; clear:both; overflow:hidden}
.user_profile_left {background:#e0f0fa;-moz-border-radius:5px;-webkit-border-radius:5px; width:250px; text-align:center; float:left; padding-bottom:10px}
.user_profile_left img.avatar { width:160px; height:180px; margin:15px 40px 5px 40px; border:1px solid #cccccc; padding:4px;}
.user_profile_left h3 { font-size:14px; font-weight:bold; color:#1e6694; text-align:center; margin:0px; padding:0px;}
.user_profile_left h2 { text-align:left; font-size:11px; color:#666; border-bottom:1px solid #cccccc; margin:0px 3px;}
.user_profile_left a { text-align:center; font-size:10px; font-weight:bold;}
.user_profile_left p { text-align:left; margin:5px;}
.user_profile_left ul { text-align:left; margin:0px 5px 10px 5px; padding:0px; list-style:none; font-weight:bold; color:#373737}
.user_profile_left ul li { padding:2px 0px 2px 10px;background:url(../images/dot2.gif) no-repeat 0px 10px;}
.user_profile_left ul li span { font-weight:normal; padding-left:5px;}
.user_profile_right { float:left; width:690px; padding:10px 0px; margin-left:10px;}
.user_profile_right img.stt_left {float:left; margin:0px 10px; width:15px; height:12px;}
.user_profile_right span { font-size:14px; font-style:italic; font-weight:bold; color:#666;}
.user_profile_right img.stt_right { float:none; margin:0px 10px; width:15px; height:12px;}
.update_stt { background:#edeceb; padding:2px; margin-top:5px;}
.update_stt input { border:1px solid #d4d3d3; margin-right:10px; padding:2px}
.user_profile_right .messenger_block { background:#e0f0fa; width:auto; overflow:hidden; clear:both;-moz-border-radius:5px;-webkit-border-radius:5px; margin:10px 0px; padding:2px; }
.user_profile_right .messenger_block h3 {background:url(../images/cm.gif) no-repeat 5px 2px; font-size:10px; margin:0px; padding:0px; padding-left:28px; color:#046289; border-bottom:none}
.user_profile_right .messenger_block textarea { width:595px; margin:5px; float:left; height:52px; border:1px solid #a5d4f2;-moz-border-radius:5px;-webkit-border-radius:5px; padding:2px}
.user_profile_right .messenger_block input { width:70px; height:60px; position:absolute; margin-top:4px;}
.user_profile_right h3 {background:url(../images/test/last_mess.gif) no-repeat 0px 4px;font-size:12px; margin:0px; padding:0px; padding-left:18px; color:#046289; border-bottom:1px solid #79bde8; padding-bottom:2px;}
.user_profile_right .user_guest img { width:100px; height:90px;}
ul.guest_reply { margin:10px 0px 0px 5px; padding:0px; list-style:none}
ul.guest_reply li { clear:both; padding:5px 0px;}
.guest_reply_info { width:120px; float:left; z-index:0; text-align:left}
.guest_reply_info img.avatar { width:60px; height:50px; border:1px solid #cccccc; padding:2px; }
.guest_reply_info a { font-weight:bold; font-size:10px; float:left}
.guest_reply_content {float:right; width:552px;}
.guest_reply_content p { float:right; width:540px; border:1px solid #cccccc;-moz-border-radius:2px;-webkit-border-radius:5px; padding:2px 5px; }
.img_qoute { position:absolute; z-index:1; margin-left:-13px; margin-top:20px}
.reply_comment { float:left; margin:0px 0px 5px 0px; clear:both; overflow:hidden; background:#F0F3F7; padding:5px;}
.reply_comment p { margin:0px; padding:0px; float:none; border:none}
.reply_comment img.avatar { width:50px; height:40px; float:left; margin-right:10px; border:1px solid #cccccc;}
.reply_comment input.input_text { float:left; margin-right:5px;border:1px solid #b6e1ff;background:#FFF;}
.reply_comment input.input_submit { float:left; width:50px; height:20px; background:#80A5D5; outline:1px solid #80A5D5;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin-top:1px; color:#fff; cursor:pointer; border:1px solid #fff;}
/* support */
.support {width: 777px;background: url(../images/box_center.gif) repeat-x;height: 100px;font-family: Tahoma, Arial;}
.support_l {background:url(../images/box_left.gif) no-repeat top left;height: 100px;}
.support_r {background:url(../images/box_right.gif) no-repeat top right;height: 100px;}
.support .avatar { margin-left: 2px; margin-top: 2px !important; background:#eaf2f9 url(../images/support_bg.jpg) no-repeat;  height: 96px; width: 640px; padding-left:130px }
.support_top, .sp_title, .sp_content, .sp_img, .sp_kd, .sp_cell, .sp_phone { margin:0px; padding:0px; list-style:none}
.sp_title li {display:inline; margin-left:164px; margin-right:-52px; text-align:center;color:#195da4; font-weight:bold;  margin:2px 0px 0px 150px;}
.sp_content { float:left;}
.sp_img { float:left; margin-right:5px;}
.sp_img li {text-align:right; width:95px; line-height:38px; font-size:14px; color:#195da4;font-weight:bold; margin-right:5px;}
.sp_kd {background:url(../images/quote_hl.gif) no-repeat left center ; float:left; padding:2px 15px; width:220px; color:#666; font-size:11px; font-weight:bold;}
.sp_phone {background:url(../images/sp_phone.gif) no-repeat 0px 2px; padding-left:20px; margin:2px 0px}
.sp_cell {background:url(../images/sp_cell.gif) no-repeat 3px 0px; padding-left:20px;margin:2px 0px; color:#F3500B}

/* verify_info */
.verify_info   { border:1px solid #4ec8fb;background:#e0f0fa; padding: 6px;}
.verify_info h2 {background: url(../images/graphics/arrow.gif) no-repeat 5px 8px; padding:2px 15px; margin:0px; font-size: 12px; color: #666;}
.verify_info h2 a { font-size:11px; color:#035491; display:block}
.verify_info h2 a:hover { text-decoration:none;}
.verify_info h2 b { font-size: 15px; color: #000; }
.verify_info_block { margin:5px;}
.verify_info_block h3 {background: url(../images/graphics/dot.gif) no-repeat 5px 8px; padding: 0px; padding-left:12px; font-size:11px; font-weight:bold; border-bottom:1px solid #bfe6ff; color:#333;}
.verify_info .align_right { float: right; color: #333 }
.verify_info div.notice_msg{margin: 6px;}
.verify_info div.notice_ok{margin: 6px;}
.verify_info div.notice_error{margin: 6px;}
.verify_info input.disable { border: 1px; color: #999; background: #EEE; }
.tt_user { margin:5px;}
.tt_user tr td input.text { border:1px solid #cccccc; width:60%}
.tt_user tr td .read { background: #e0f0fa !important; border:0px solid #cccccc; width:60%; font-weight: bold; color: #000; }
.tt_user tr td { padding:3px;}
.tt_user tr td span { color:#F00; padding-left:3px;}
.tt_user tr td.verify_submit { border:none; padding-right:230px}
.tt_user tr td.verify_submit input { background:#CCC; width:70px; font-size:11px; text-align:center; cursor:pointer; border:1px solid #b3b2b2;}


/*CUSTOMER*/
#customer_list_table { margin-top: 10px; border-left: solid #DDD 1px; border-top: solid #DDD 1px; border-right: solid #DDD 1px; }
#customer_list_table tbody td { padding: 3px; border-bottom: solid #DDD 1px; }
/* ADDRESS CUS */
#head_h2 { margin-left: 5px; color:#F63; font-size:16px; font-weight:bold;} 
.title-box-table {    background: none repeat scroll 0 0 #E8F1FE;    color: #173966; font-weight: bold;    padding: 5px;}
.button-box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5ECF9;border-radius: 3px 3px 3px 3px;    height: 25px;    padding: 1px;
}

.list_category_bold{
	font-weight:bold;
	}

.list_category_italic{
	font-style:italic;
	}

.keyword{
	float: left;
	width:180px;
	height:20px;
	}

.postnews_product_left {padding: 5px; height:140px; margin-top:10px;background:#e0f0fa;-moz-border-radius:5px;-webkit-border-radius:5px; width:200px; text-align:center; float:left; padding-bottom:10px}
.postnews_product_left img{
		width:200px; height:143px;
	}
.postnews_product_right { float:left; width:720px; padding:10px 0px; margin-left:10px;}

.block_postnews_product{
		width: 98%;
		float:left;
		margin:auto;
		height:auto;
		padding: 10px;
		border:1px solid #CCCCCC;
	}
.block_postnews_product{
	margin:auto;
	}

.input_submit_postnews_product
{
	cursor: pointer;
	height: 25px;
	color: #333333;
	font-size: 11px;
	font-family: verdana;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*
	background:transparent url(../images/button.gif) no-repeat scroll -800px 50%;
	background: url(../images/submit.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	*/
}

.input_submit_postnews_product:hover
{
	background: #f1a54c;
}


.border_error_postnews_product{
	border:solid 1px #FF0000;
	}

ul#thumb_ul{
	margin: 0px;
	margin-left:-40px;
	}
	
ul#thumb_ul li{
	display:inline-block;
	}

li.upload_button{
	text-align:center;cursor:pointer; width:90px; height:18px; background:#F2F2F2; padding: 4px;-moz-border-radius:5px; -webkit-border-radius:5px;
	}

li.upload_error{
	color:#FF0000;
	margin-left:10px;
	}
	
	.upload_error{
	color:#FF0000;
	margin-left:10px;
	}
	
.color_red{
	color: #FF0000;
	}
	
#postnews_product_edit{
	cursor:pointer;
	
	}
#product_thumb img{
	width:60px;
	height:40px;
	padding:2px;
	    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #CCCCCC;
margin-right:4px; 
	}


.response_skinvip{
	font-weight:bold;
	padding:5px;
	}
.title_big{ color:#00a6dd;}

.but_del,.but_add{
	border:none;	
	width: 16px;
	cursor:pointer;
}
.but_del{
	background:url(../images/icon_del_vn.png);
	}
.but_add{
	background:url(../images/icon_add_vn.png);
	}
#searchFormDiv{
	position:relative;
	width:160px;
	float:right;
}
#od_time,.changedID{
	position:absolute;
	top:4px;
	left: -150px;
	padding-top: 4px;	
}
#error_search{
	position: absolute;
	top: 0px;
	left: -245px;
	color:brown;
	font-size:8px
}

.input_submit2
{
	cursor: pointer;
	height: 19px;
	color: #333333;
	font-size: 9px;
	font-family: verdana;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 2px;
	font-weight: bold;
	background:transparent url(../images/button_bg.gif) repeat-x 100%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #F8AA2F;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left:5px;
	/*
	background:transparent url(../images/button.gif) no-repeat scroll -800px 50%;
	background: url(../images/submit.gif) repeat-x #f0f0f0;
	border: 1px solid #a4a4a4;
	*/
}

.input_submit2:hover
{
	background: #f1a54c;
}

.input_submit2:active
{
	padding-left: 6px;
	padding-right: 2px;
}

div {
display: block;
}